<template>
  <!-- 定义一个容器，包含一个文本和一个按钮 -->
  <view class="container">
    <text>这是首页</text>
    <button @click="navigateToLogin">跳转到登录页</button>
  </view>
</template>

<script setup>
// 定义一个函数，点击按钮时跳转到登录页
const navigateToLogin = () => {
  uni.navigateTo({
    url: '/pages/login/login'
  });
};
</script>

<style>
/* 定义容器的样式，使其垂直居中，高度为100vh */
.container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
}
</style>